/*二级页公共样式 start*/
.parent-box {padding:10px 0;}
.parent-box .layui-row{margin:50px 0;}

/*banner*/
.public-banner{height:450px;position:relative;}
.public-banner img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;}
.public-banner .pbc-tit{position:absolute;top:45%;left:50%;width:75%;transform: translate(-50%, -50%);max-width:1200px;}
.pbc-tit h1{font-size:38px;color:#fff;}
.pbc-tit P{font-size:20px;color:#fff;margin-top:15px;}

/*列表内容*/
.public-list{height:160px;display:flex;flex-direction: column;flex-wrap:wrap;display: -ms-flexbox;-ms-flex-direction: column;-ms-flex-wrap: wrap;padding-top:20px;}
.public-list li{font-size:16px;margin:15px 0;position:relative;text-indent: 20px;}
.public-list li::after{content:"";position:absolute;width:8px;height:8px;left:0;top:55%;transform: translate(0px, -50%);background-color:#d2e8be;transition:all 0.4s;}
.public-list li a{color:#666;transition:all 0.4s;}
.public-list li a:hover{font-weight:bold;color:#6bb429}
.public-list li:hover::after{background-color:#6bb429}
@media only screen and (max-width:999px) {
.public-list {height: auto;}
.public-list {flex-direction: inherit;flex-wrap: wrap;}
.public-list li {width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
}
/*列表正文cont*/
.gryw-cont{width:auto;padding-top:20px;}
.gryw-cont p{font-size:14px;line-height:25px;}

.gryw-cont a{display:block;width:140px;height:40px;background:linear-gradient(to right,#6ab12a, #85ea2d);;text-align:center;color:#fff;font-size:14px;margin-top:30px;box-sizing: border-box;position: relative;transition: all .6s linear;line-height: 40px;border-radius:20px;}
.gryw-cont a:before {content: attr(data-text);position: absolute;top: 0px;left: 0;height: 100%;width: 100%;filter: alpha(opacity=100); opacity: 1;text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.gryw-cont a:hover:before { filter: alpha(opacity=0);opacity: 0; -webkit-transform: translate3d(0, 100%, 0);  -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
.gryw-cont a>span { display: inline-block;text-align: center; filter: alpha(opacity=0);opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;transition: all .3s}
.gryw-cont a:hover>span {filter: alpha(opacity=100);opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.gryw-cont a:hover>span:nth-child(1) {-webkit-transition-delay: .045s;  -moz-transition-delay: .045s; -ms-transition-delay: .045s; -o-transition-delay: .045s;transition-delay: .045s}
.gryw-cont a:hover>span:nth-child(2) { -webkit-transition-delay: .12s; -moz-transition-delay: .12s; -ms-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s }
.gryw-cont a:hover>span:nth-child(3) { -webkit-transition-delay: .195s; -moz-transition-delay: .195s; -ms-transition-delay: .195s;-o-transition-delay: .195s; transition-delay: .195s}
.gryw-cont a:hover>span:nth-child(4) { -webkit-transition-delay: .27s; -moz-transition-delay: .27s; -ms-transition-delay: .27s; -o-transition-delay: .27s;transition-delay: .27s}

/*图片内容*/
.public-lt-img{padding-right:50px;overflow:hidden}
.public-rt-img{padding-left:50px;overflow:hidden}
.public-lt-img img , .public-rt-img img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;transition:all 0.4s;}
.layui-row:hover .public-lt-img img,.layui-row:hover .public-rt-img img{transform:scale(1.04)}
/*移动端图片*/
.public-img{display:none;}
/*二级页公共样式 start*/

/*各屏幕适配*/

@media only screen and (max-width:992px){
.parent-box{width:90%;margin:0 auto;}
.parent-box .layui-row{margin:0px 0;}
.public-banner{height:210px;}
.ph-height{height:200px;}
.pbc-tit h1{font-size:24px}
.public-list li a{font-size:14px;}
.pbc-tit P{font-size:16px;margin-top:5px;}
.public-lt-img,.public-rt-img{display:none;}
.public-list li::after{left:5px;}
.gryw-cont a{margin:20px auto;}
/*移动图片*/
.public-img{display:block;height:200px;}
.public-img img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;}
}